flowchart TD
        %% 최상단 시작점
        Start([시작]) --> DragEvent["'onDragOver' 이벤트 수신"]
    
        subgraph "1. 전처리 단계"
            DragEvent --> Throttle["'Throttle' 적용 (100ms)"]
            Throttle --> CalcPos["'calculateGridPos': 마우스 → 그리드 {row, col} 변환"]
            CalcPos --> GhostCheck{"'ghost' 위치가 변경되었는가?"}
        end
    
        GhostCheck -- "아니오" --> End([종료])
        GhostCheck -- "예" --> InitSim["시뮬레이션 레이아웃 구성<br/>(리스트 추가 시 새 카드 포함)"]
    
        subgraph "2. 재귀적 밀어내기 (getPushedLayout)"
            InitSim --> SetMoved["현재 카드를 'movedCards'에 추가"]
            SetMoved --> FindConflict["'getConflictingCards': 충돌 카드 검색"]
            FindConflict --> HasConflict{충돌 발생?}
            
            HasConflict -- "예" --> GetPriority["진입방향별 밀어낼 방향<br/>우선순위 결정<br/>({dx,dy}[]) getPushDirectionPriority"]
            GetPriority --> DirLoop["우선순위 방향 순회 시도"]
    
            %% 좌표 계산 로직 강조 섹션
            subgraph "좌표 계산 상세 (Next Position)"
                DirLoop --> CalcNext["'conflictNextX/Y' 계산 시작"]
                CalcNext --> XDir{dx 방향 확인}
                XDir -- "dx > 0 (우측으로 밀어내기)" --> SetNextX_R["'conflictNextX' = current.colNo + current.sizeX"]
                XDir -- "dx < 0 (좌측으로 밀어내기)" --> SetNextX_L["'conflictNextX' = current.colNo - conflict.sizeX"]
                XDir -- "dx = 0" --> YDir
                
                SetNextX_R --> YDir{dy 방향 확인}
                SetNextX_L --> YDir
                
                YDir -- "dy > 0 (하단으로 밀어내기)" --> SetNextY_D["'conflictNextY' = current.rowNo + current.sizeY"]
                YDir -- "dy < 0 (상단으로 밀어내기)" --> SetNextY_U["'conflictNextY' = current.rowNo - conflict.sizeY"]
                YDir -- "dy = 0" --> BoundaryCheck
                
                SetNextY_D --> BoundaryCheck
                SetNextY_U --> BoundaryCheck
            end
    
            BoundaryCheck{"그리드 경계 내에 있는가?<br/>(1 <= X < COL / 1 <= Y < ROW)"}
            
            BoundaryCheck -- "예" --> RecursiveCall["'getPushedLayout' 재귀 호출<br/>(변경된 좌표의 conflictCard 기준)"]
            
            RecursiveCall --> Success{결과 유효?}
            Success -- "예" --> FinalConflict["최종 충돌 여부 재확인"]
            
            %% 실패 시 루프 백
            Success -- "아니오" --> DirLoop
            BoundaryCheck -- "아니오" --> DirLoop
        end
    
        HasConflict -- "아니오" --> FinalConflict
        
        subgraph "3. 최종 반영"
            FinalConflict --> ApplyLayout["'setTempLayout(cards)' 반영"]
            ApplyLayout --> SetGhost["'setGhost(isValid)' 업데이트"]
        end
    
        SetGhost --> End
    
        %% 스타일링
        style Start fill:#f3f4f6,stroke:#374151,stroke-width:2px
        style End fill:#f3f4f6,stroke:#374151,stroke-width:2px
        style RecursiveCall fill:#eff6ff,stroke:#1d4ed8,stroke-dasharray: 5 5
        style CalcNext fill:#fff7ed,stroke:#c2410c,stroke-width:2px